$color-brand: #4887ff;
$color-brand-light: #2196f3;
$color-brand-dark: #003cff;

@import '~taro-ui/dist/style/index.scss';
@import '@nutui/nutui-react-taro/dist/style.css';
$at-search-bar-btn-color: $color-black-1;
$at-search-bar-btn-bg-color: $color-white;
.page {
    height: 100vh;
}

.index-tab-page {
  height: calc(100% - 125px);
}

.at-tab-bar__inner-img {
  width: 40px !important;
  height: 40px !important;
}

.at-search-bar__placeholder-wrap {
  flex-grow: unset !important;
}
.noBtnSearch {
  .at-search-bar__action {
    display: none
  }
}

// 忘记密码页面
.password-input {
  .at-input {
    padding: 24px 24px 30px;
    margin: 0;
  }
  .at-input__title {
    width: 200px;
  }
}

.listItem{
  .item-thumb{
    width: 32px;
    height: 34px;
    margin-right: 10px;
    margin-top: -4px;
  }
}

// 个人中心 item
.ownerListItem {
  .at-list__item--thumb .item-thumb {
    margin-right: 22px;
    width: 40px;
    height: 40px;
  }
}

// 只读item显示
.readonlyItem {
  .at-list__item-content {
    flex: none;
  }
}

//  input disable情况下字体颜色依旧是黑色
.inputDisable{
  .at-input--disabled{
    opacity: 1;
  }
}

.listIcon{
  .item-extra__icon-arrow{
    font-size: 35px;
  }
}
.rich-text {
  .img {
    max-width: 100% !important;
  }
}


.circular{
  position: static;
    .at-radio__option-container{
      display: flex;
      flex-direction: row-reverse;
    }
    .at-radio__title{
      margin-left: 15px;
    }
    .at-radio__icon--checked{
      //height: 40px;
      background-color: #1b69fd;
      overflow: hidden;
      .at-icon-check{
        position: relative;
        top: -4px;
        left: -6px;
        padding-left: 10px;
        color: #fff;
        font-size: 30px !important;
      }
  }
  .at-radio__icon{
      border-radius: 50%;
      border: 2px solid #ccc !important;
      width: 260px;
      //height: 40px;
      visibility:visible !important;

      text{
        color: #fff;
        font-size: 30px !important;
      }
  }
}

// list 右边值的宽度变大
.list_width{
  .at-list__item-extra{
    min-width:500px;
  }
}
// 图片上传组件-只读状态
.image-picker-readonly {
  .at-image-picker__remove-btn {
    display: none;
  }
}


.tab_style{
  .at-tabs__body{
    height: calc(100% - 80px);
  }
}

.action_style{
  .at-action-sheet__body{
    max-height: 800px;
    overflow: auto;
  }
}

.accordion_style{
  .at-accordion__info__title{
    font-weight: bold;
  }
}

// modal 弹框内容加粗居中18字号
.modal_style{
  .content-simple{
    font-size: 36px;
    text-align: center;
    margin-top: 60px;
    font-weight: bold;
  }
}
.list_style{
  .at-list__item-extra{
    max-width: 500px;
  }
}


.list_color_style{
  .item-extra__info{
    color: #1b69fd;
    margin-right: 40px;
  }
}

.list_color_style_two{
  .item-extra__info{
    color: #ccc;
    margin-right: 40px;
  }
}

.modal_style_two{
  .at-modal__content{
    color: #666;
    text-align: center;
    font-size: 28px;
  }
}
.property_list {
  .at-list__item-extra {
    max-width: 80%;
  }
  .at-list__item {
    .item-extra__info {
      padding-right: 80px;
      color: #666;
    }
  }
}

.indexTabs {
  position: relative;
  height: auto;
  overflow-y: hidden;
  .at-tabs__header {
    position: absolute;
    top:0;
    left: 0;
    z-index: 1;
  }
  .at-tabs-pane--active {
    padding-bottom: 40px;
  }
  .at-tabs__body {
    padding-top: 76px;
  }
  &.stop {
    .at-tabs__header {
      position: fixed;
      background: #fff;
      z-index: 99;
    }

  }
}
.electricitybody {
  .at-accordion__body {
    margin:24px 30px 20px;
  }
  .at-accordion__header {
    padding: 24px 30px;
  }
}
.modalSubmits {
  .at-modal__container {
    width: 85%;
    text-align: center;
  }
}

//顶部导航样式
.navCon {
  display: flex;
  align-items: center;
  justify-content: center;
  .navImage{
    width: 50px;
    height: 36px;
  }
  .navTitle {
    color: rgba(25,80,148,1);
    font-size: 28px;
    margin-left: 10px;
  }
}
.homeLeftCon {
  display: flex;
  align-items: center;
  justify-content: center;
}
// 首页
.homeImage{
  width: 40px;
  height: 40px;
  margin-left: 30px;
}
// 返回
.backImage {
  width: 48px;
  height: 48px;
  margin-left: 20px;
}

//.modal_buttons {
//  .at-button--primary  {
//    width: 84%;
//    font-size: 26px;
//    border-radius: 50px;
//    color: #fff;
//    background: linear-gradient(270deg, #003cff 0%, #4887ff 100%);
//  }
//  .at-button {
//    width: 84%;
//    font-size: 26px;
//    border: 1px solid #1b69fd;
//    border-radius: 50px;
//  }
//}
